﻿@model StoryTellerSite.Models.HomeModel
@{
    ViewBag.Title = "Home Page";

}
@{
    Layout = "~/Views/Shared/_LayoutHome.cshtml";
}
<script src="@Url.Content("~/Scripts/Home/Index.js")" type="text/javascript"></script>
<div id="index">
    <div id="banner">
        <div class="wrapper">
            <div id="TopSocial">
                <div class="Social">
                    <div class="face">
                        <a>
                            <img src="@Url.Content("~/Content/Images/f1.png")" /></a>
                    </div>
                    <div class="twitter">
                        <a>
                            <img src="@Url.Content("~/Content/Images/t1.png")" /></a>
                    </div>
                    <div class="gplus">
                        <a>
                            <img src="@Url.Content("~/Content/Images/g1.png")" /></a>
                    </div>
                </div>
            </div>
            <div class="text">
                <div class="first">
                    @Resources.lang.HomeQuestion
                </div>
                <div class="second">
                    @Resources.lang.HomeInvite
                </div>
                <div class="last">
                    @Resources.lang.HomeDescription
                </div>
            </div>
        </div>
        <div class="clear">
        </div>
    </div>
    <div id="IconMenuHome">
        <ul>
            <li>
                @if (Session["CurrentUser"] != null)
                {
                    <div class="icon" logged="true" id="newIcon" onclick="goToCreate();">
                    </div>
                }
                else
                {
                    <div class="icon" id="newIcon" onclick="goToCreate();">
                    </div>
                }
            </li>
            <li>
                <div class="icon" id="inviteIcon">
                </div>
            </li>
            <li>
                <div class="icon" id="shareIcon" onclick="goToRead();">
                </div>
            </li>
        </ul>
        <ul class="text">
            <li>
                <div class="museo create" logged="true">
                    @Resources.lang.Create
                </div>
                <div class="sub-text">
                    @Resources.lang.CreateDescription
                </div>
            </li>
            <li>
                <div class="museo invite">
                    @Resources.lang.Contribute
                </div>
                <div class="sub-text invite">
                    @Resources.lang.ContributeDescription
                </div>
            </li>
            <li>
                <div class="museo share">
                    @Resources.lang.Read</div>
                <div class="sub-text share">
                    @Resources.lang.ReadDescription
                </div>
            </li>
        </ul>
    </div>
    <div class="clear">
    </div>
    <div class="adsholder">
        <img alt="" src="@Url.Content("~/Content/Images/gvtad.jpg")" />
    </div>
</div>
